/* 首页css */

/* 内容图片 */
.banner{
  width: 100%;
}
.banner img{
  display: block;
  width: 100%;
}


/* 内容LayaFlash */
.flash{
  width: 100%;
  background-color: #fbfaf7;
}
.flash .flash_con{
  width: 70%;
  margin: 0 auto;
  padding-top: 5.2rem;
  position: relative;
}
.flash .flash_con .con_left{
  width: 65%;
  float: left;
  padding-bottom: 3rem;
}
.flash_con .con_left h2{
  font-size: 2.3875rem;
  color: #0078d7;
}
.flash_con .con_left .tit{
  font-size: 1.511rem;
  color: #666;
  line-height: 5.311rem;
}
.flash_con .con_left ul{
  width: 100%;
}
.flash_con .con_left ul li{
  width: 46%;
  float: left;
  margin-left: .8rem;
  margin-bottom: 2.3rem;
}
.flash_con .con_left ul li .img{
  display: block;
  width: 3.2rem;
  float: left;
}
.flash_con .con_left ul li .img img{
  width: 100%;
}
.flash_con .con_left ul li .text{
  float: left;
  width: 73.5%;
  margin-left: .7rem;
}
.flash_con .con_left ul li .text a{
  font-size: .962rem;
  color: #333;
  display: block;
  margin-bottom: .5rem;
}
.flash_con .con_left ul li .text p{
  font-size: .7rem;
  color: #666;
  line-height: 1.3rem;
}
.flash .flash_con .con_right{
  width: 34%;
  position: absolute;
  top: 7.5rem;
  right: 0;
}
.flash .flash_con .con_right img{
  display: block;
  width: 100%;
}

/* 内容Layabox优势 */
.advantage{
  width: 70%;
  margin: 0 auto;
}
.advantage .image{
  display: block;
  width: 34%;
  margin-top: 9.2rem;
  float: left;
}
.advantage .advan_con{
  width: 53%;
  float: right;
  padding-bottom: 4.5rem;
}
.advantage .advan_con h2{
  font-size: 2.3875rem;
  color: #8fc31f;
  margin-top: 5.7rem;
  margin-bottom: 2.2rem;
}
.advantage .advan_con ul{
  width: 100%;
}
.advantage .advan_con ul li{
  width: 100%;
  height: 2.7rem;
  margin-bottom: .8rem;
  margin-left: .5rem;
}
.advan_con ul li .img{
  display: block;
  width: 2.7rem;
  float: left;
  margin-right: .5rem;
}
.advan_con ul li .img img{
  width: 100%;
}
.advan_con ul li .title{
  font-size: .7rem;
  color: #666;
  line-height: 2.7rem;
}

/* 内容Layabox产品家族 */
.family{
  width: 100%;
  background-color: #0079d7;
}
.family .family_con{
  width: 70%;
  margin: 0 auto;
}
.family .family_con h2{
  text-align: center;
  color: #fffefe;
  font-size: 2.4225rem;
  padding-top: 5.7rem;
  margin-bottom: 3.6rem;
  font-weight: normal;
}
.family .family_con ul{
  width: 100%;
}
.family_con ul li{
  float: left;
  width: 45%;
  margin-right: 4.6rem;
  margin-bottom: 3.5rem;
}
.family_con ul li:nth-child(even){
  margin-right: 0;
}
.family_con ul li a{
  display: block;
}
.family_con ul li .img{
  display: block;
  width: 3.3rem;
  float: left;
  margin-right: 3rem;
}
.family_con ul li .img img{
  width: 100%;
}
.family_con ul li .text{
  width: 71%;
  float: left;
}
.family_con ul li .text a{
  font-family: 'Arial';
  font-size: 1.6445rem;
  color: #fffefe;
  display: block;
  margin-bottom: .45rem;
}
.family_con ul li .text p{
  font-size: .7rem;
  color: #fffefe;
  line-height: 1.5rem;
}
.family .clear{
  height: 3.3rem;
}

/* 内容游戏 */
.game{
  width: 70%;
  margin: 0 auto;
}
.game .top{
  width: 97.4%;
}
.game .top h3{
  font-size: 1.7325rem;
  color: #2a2a2a;
  padding-top: 4.3rem;
  margin-bottom: 2.4rem;
  float: left;
  font-weight: normal;
}
.game .top .more{
  display: block;
  float: right;
  padding-top: 4.8rem;
  font-size: .7rem;
  color: #2a2a2a;
}
.game .game_con{
  width: 100%;
}
.game .game_con .image{
  display: block;
  width: 37%;
  float: left;
  margin-right: .9rem;
  margin-bottom: 3.2rem;
}
.game .game_con .image img{
  width: 100%;
}
.game .game_con ul{
  width: 60%;
  float: left;
}
.game .game_con ul li{
  width: 3.4rem;
  height: 5.6rem;
  float: left;
  margin-bottom: .2rem;
  margin-left: 1.6rem;
}
.game .game_con ul li .img{
  display: block;
  width: 100%;
}
.game .game_con ul li .img img{
  width: 100%;
}
.game .game_con ul li .text{
  display: block;
  font-size: .7rem;
  color: #2a2a2a;
  text-align: center;
  line-height: 1rem;
}

/* 内容合作伙伴 */
.parterner{
  width: 100%;
  background-color: #f4f4f4;
}
.parterner .part_con{
  width: 70%;
  margin: 0 auto;
  margin-bottom: 2.2rem;
}
.parterner .part_con h2{
  font-size: 1.5rem;
  color: #2a2a2a;
  padding-top: 2rem;
  font-weight: normal;
  margin-bottom: 1.6rem;
}
.parterner .part_con h2 span{
  font-size: .5605rem;
  color: #777;
}
.parterner .part_con ul{
  width: 100%;
}
.part_con ul li{
  width: 15%;
  float: left;
  margin-right: .8rem;
  margin-bottom: 1rem;
}
.part_con ul li:nth-child(6),
.part_con ul li:nth-child(12){
  margin-right: 0;
}
.part_con ul li .img{
  display: block;
  width: 100%;
  border: 1px solid #dddddd;
  background-color: #fff;
  border-radius: 4%;
}
.part_con ul li .img img{
  width: 100%;
}
.parterner .clear{
  height: 2.2rem;
}